﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html>
<html>
<head>
<title>SISTEMA DE INFORMACION MINERA :: SIM - MOBILE - Estructura</title>
  
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link href="Extensiones/telerik/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="Extensiones/telerik/styles/kendo.default.min.css" rel="stylesheet" />
     <link href="Extensiones/telerik/styles/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="Extensiones/telerik/styles/kendo.dataviz.default.min.css" rel="stylesheet" />
    
    <!--    <script src="Extensiones/jquery/jquery-1.11.1.min.js"></script>-->


  <script src="Extensiones/telerik/js/jquery.min.js"></script>
  <script src="Extensiones/telerik/js/kendo.all.min.js"></script>
  
  <link href="Scripts/SIM/CSS/m.sim.css" rel="stylesheet" type="text/css" />

  <script src="Scripts/SIM/m.estructura.js"></script>
  <script src="Scripts/SIM/m.generales.js"></script>
 
 <link href="Extensiones/telerik/styles/kendo.metro.mobile.min.css" rel="stylesheet" type="text/css" />

</head>
<body>

 <div data-role="view" data-layout="layout" data-show="layoutShow" id="layoutView">
   <div id="exampleo">
        <input type="hidden" id="hidCodigoSondaje" />
        <input type="hidden" id="hidCodigo" />
        <input type="hidden" id="hidIsLogged" />
        <input type="hidden" id="hidPerfil" name="hidPerfil" />
        <input type="hidden" id="hidHasta" value="0"/>
    <div class="demo-section k-header " >
        <%--<div class="head"  >--%>
           <%-- <div id="action-result"></div>
            <h4>Estructura&nbsp;>&nbsp;DDH:&nbsp;<input type="text" id="txtSondaje" disabled="disabled" /></h4>--%>

            <div class="filtrosBusqueda"  style="  font-weight:bold;" id="action-result"></div>
            <div class="filtrosBusqueda" style="  font-weight:bold;">   Estructura > </div>
             <div class="filtrosBusqueda" style="  font-weight:bold;">   NOMBRE DDH:  </div>
             <div class="filtrosBusqueda" style="  font-weight:bold;">  <label id="txtSondaje" /> 
              <%--<input type="text" id="txtSondaje" disabled="disabled" style=" width:100px;"/> --%>
            
              </div> 


        
        <div id="grid"></div>
        <div class="footer" style="  height:30px; vertical-align:middle; text-align:center;">
        <div id="resultado"></div>
        <div id="divLogout">
        <button data-click="logout" id="A2"  data-icon="action" type="button" data-role="button">Cerrar Sesion</button>
        <button data-click="home" data-icon="home" id="A1" type="button" data-role="button" >Inicio</button>
        
        </div>

        </div>
    </div>
  
  </div>
    <ul id="actions">
        <!--<li><a href="#" data-action="add">Registrar</a></li>-->
        <li><a href="#" data-action="muestra">Muestra</a></li>
        <li id="action-lito" ><a href="#" data-action="litologia">Litologia</a></li>
        <li id="action-geomeca"><a href="#" data-action="geomecanica">Geomecanica</a></li>
        <li><a href="#" data-action="sondaje">Sondaje</a></li>
    </ul>
 </div>
   
<div data-role="modalview" id="mvNuevoEstructura" style="width: 90%; height:98%;">
    <div data-role="header">
         <div  id="divMVTituloTexto" > 
            Estructura: Registrar
            </div>
         <div id="divMVTituloBoton">
         <button data-click="grabarNuevoModalView" class="k-button" data-role="button" data-align="right">Grabar</button>
        <button data-click="closeNuevoEstructura"   class="k-button" data-role="button" data-align="right">Cancelar</button>
        </div>
        </div>
    <%--</div>--%>
    <div data-role="listview" data-style="inset">
    <!--<li><label for="txtCodigo">Codigo:<input type="number" id="txtCodigo" value="0" /></label></li>-->
    <li>
    <%--<label for="txtDesde">Desde:<input type="number" id="txtDesde" value="0" min="0" required /></label>--%>
      <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Desde:   </td>
        <td style=" width:50%; "><input type="number" id="txtDesde" value="0" min="0" required style=" width:70px;" />  </td>
        </tr>
        </table>


    </li>
    <li>
        <%--<label for="txtHasta">Hasta:<input type="number" id="txtHasta" value="0" min="0" required/></label>--%>
        <table  style="  width:100%; border:0px;"  >
        <tr>
        <td style=" width:50%;"> Hasta:   </td>
        <td style=" width:50%; "><input type="number" id="txtHasta" value="0" min="0"   style=" width:70px;" />  </td>
        </tr>
        </table>
    
    
    </li>
    <li>
    <%--<label for="txtResponsable">Geologo: <input type="text" id="txtResponsable" disabled="disabled"/></label>--%>
      <table  style="  width:100%; border:0px;"  >
        <tr>
        <td style=" width:50%;"> Geologo:   </td>
        <td style=" width:50%; "><label id="txtResponsable" /> </td>
        </tr>
        </table>
    </li>
    <li>
    <%--<label for="txtFecha">Fecha: <input type="date" id="txtFecha" disabled="disabled"/></label>--%>
     <table  style="  width:100%; border:0px;"  >
        <tr>
        <td style=" width:50%;"> Fecha:   </td>
        <td style=" width:50%; "><input type="date" id="txtFecha" disabled="disabled" />  </td>
        </tr>
        </table>
    
    </li>
    <li>
   <%-- <label for="ddlTipoEstructura">Estructura: <input type="text" id="ddlTipoEstructura" required /></label>--%>
        <table  style="  width:100%; border:0px;"  >
            <tr>
            <td style=" width:50%;"> Estructura:   </td>
            <td style=" width:50%; "><input type="text" id="ddlTipoEstructura"  class="combobox" /> </td>
            </tr>
        </table>
    </li>
    <li>

    <%--<label for="ddlTipoRelleno">Relleno:<input type="text" id="ddlTipoRelleno" /></label>&nbsp;&nbsp
    <a data-click="add_TipoRelleno" id="btnTipoRelleno" type="button" data-role="button" >Agregar</a>--%>
      <table  style="  width:100%; border:0px;"  >
            <tr>
            <td style=" width:50%;"> Relleno:   </td>
            <td style=" width:50%; "><input type="text" id="ddlTipoRelleno"  class="combobox" /> </td>
            </tr>
        </table>

    </li>
    <li>
        <table  style="  width:100%; border:0px;"  >
            <tr>
            <td style=" width:50%;">    </td>
            <td style=" width:50%; "><button data-click="add_TipoRelleno" id="btnTipoRelleno" type="button" data-role="button" >Agregar</button> </td>
            </tr>
        </table>
    </li>
    <li><div id="gridTipoRelleno"></div></li> 
    <li>
     <%--<label for="txtAngulo">Angulo: <input type="number" id="txtAngulo" value="0"  min="0" max="90" required/></label>--%>
      <table  style="  width:100%; border:0px;"  >
            <tr>
            <td style=" width:50%;"> Angulo:   </td>
            <td style=" width:50%; "><input type="number" id="txtAngulo" value="0"  min="0" max="90"   style=" width:70px;"/> </td>
            </tr>
        </table>
     
     </li>
    <li>
    <%--    <label for="txtObservacion">Descripción: <textarea style="resize: none" id="txtObservacion" class="k-textbox input"></textarea></label>--%>

      <table  style="  width:100%; border:0px;"  >
            <tr>
            <td style=" width:50%;"> Descripción:   </td>
            <td style=" width:50%; "> <textarea style="resize: none; width:100%;" id="txtObservacion" class="k-textbox input"></textarea> </td>
            </tr>
        </table>

    
    </li>
    </div>
    <div style=" text-align:center;">
    <button data-click="grabarNuevoModalView" id="modalview-login-button"  class="k-button" data-role="button">Grabar</button>
    <button data-click="closeNuevoEstructura" data-role="button"  class="k-button" data-align="right">Cancelar</button>
<%--    <a data-click="grabarNuevoModalView" id="modalview-login-button" type="button" data-role="button">Grabar</a>
    <a data-click="closeNuevoEstructura" data-role="button" data-align="right">Cancel</a>--%>
    </div>
    <!--<a data-click="closeModalViewLogin" id="modalview-reg-button" type="button" data-role="button">Register</a>-->
</div>

<div data-role="modalview" id="mvEditarEstructura" style="width: 90%; height:98%">
<div data-role="header">
        <%--<div data-role="navbar">--%>
          <div  id="divMVTituloTexto"  > 
            Estructura: Actualizar
          </div>
           <div id="divMVTituloBoton">
                <button data-click="grabarEditModalView"  class="k-button" data-role="button" data-align="right">Grabar</button>
                <button data-click="closeEditarEstructura" class="k-button" data-role="button" data-align="right">Cancelar</button>
            </div>
       <%-- </div>--%>
    </div>
    <div data-role="listview" data-style="inset">
    <li>
    <%--<label for="txtCodigoEdit">Codigo:<input type="number" id="txtCodigoEdit"  disabled="disabled"/></label>--%>
        <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Codigo:   </td>
        <td style=" width:50%; "><input type="number" id="txtCodigoEdit"  disabled="disabled"/>  </td>
        </tr>
        </table>
    </li>
    <li>
    <%--<label for="txtDesdeEdit">Desde:<input type="number" id="txtDesdeEdit" value="0" min="0" /></label>--%>
      <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Desde:   </td>
        <td style=" width:50%; "><input type="number" id="txtDesdeEdit" value="0" min="0" style=" width:70px;"/>  </td>
        </tr>
        </table>
    
    </li>
    <li>
    <%--<label for="txtHastaEdit">Hasta:<input type="number" id="txtHastaEdit" value="0" min="0" /></label>--%>
     <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Hasta:   </td>
        <td style=" width:50%; "><input type="number" id="txtHastaEdit" value="0" min="0" style=" width:70px;"/>  </td>
        </tr>
        </table>
    
    </li>
    <li>
<%--    <label for="txtGeologoEdit">Geologo: <input type="text" id="txtGeologoEdit" disabled="disabled"/></label>--%>
    <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Geologo:   </td>
        <td style=" width:50%; "><label id="txtGeologoEdit" /> </td>
        </tr>
        </table>
    </li>
    <li>
    <%--<label for="txtFechaEdit">Fecha: <input type="date" id="txtFechaEdit" disabled="disabled" /></label>--%>
     <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Fecha:   </td>
        <td style=" width:50%; "><input type="date" id="txtFechaEdit" disabled="disabled" /> </td>
        </tr>
        </table>
    </li>
    <li>
    <%--<label for="ddlTipoEstructuraEdit">Estructura: <input type="text" id="ddlTipoEstructuraEdit"/></label>--%>
     <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Estructura:   </td>
        <td style=" width:50%; "><input type="text" id="ddlTipoEstructuraEdit" class="combobox" /> </td>
        </tr>
        </table>
    </li>
    <li>
    <%--<label for="ddlTipoRellenoEdit">Relleno: <input type="text" id="ddlTipoRellenoEdit" /></label>    &nbsp;&nbsp
    <a data-click="add_TipoRellenoEdit" id="btnTipoRellenoEdit" type="button" data-role="button" >Agregar</a>--%>
     <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Relleno:   </td>
        <td style=" width:50%; "><input type="text" id="ddlTipoRellenoEdit" class="combobox" /> </td>
        </tr>
        </table>

    </li>
    <li>
        <table  style="  width:100%; border:0px; "  >
            <tr>
            <td style=" width:50%;"></td>
            <td style=" width:50%;"> <button data-click="add_TipoRellenoEdit" id="btnTipoRellenoEdit" type="button" data-role="button" >Agregar</button> </td>
            </tr>
        </table>
    </li>
    <li>
        <div id="gridTipoRellenoEdit"></div>
    </li> 
    <li>

     <%--<label for="txtAnguloEdit">Angulo: <input type="number" id="txtAnguloEdit" value="0"  min="0" max="90"/></label>--%>
     <table  style="  width:100%; border:0px; "  >
            <tr>
            <td style=" width:50%;">Angulo: </td>
            <td style=" width:50%;"> <input type="number" id="txtAnguloEdit" value="0"  min="0" max="90" style=" width:70px;"/> </td>
            </tr>
        </table>
     </li>
    <li>
   <%-- <label for="txtObservacionEdit">Descripción: <textarea style="resize: none" id="txtObservacionEdit" class="k-textbox"></textarea></label>--%>
      <table  style="  width:100%; border:0px; "  >
            <tr>
            <td style=" width:50%;">Descripción: </td>
            <td style=" width:50%;"> <textarea style="resize: none; width:100%;" id="txtObservacionEdit" class="k-textbox"></textarea></td>
            </tr>
        </table>
    
    </li>
    <input type="text" id="hidEstadoSondaje" style="display:none;" />
    </div>
    <div style=" text-align:center;">
    <button data-click="grabarEditModalView"  class="k-button" data-role="button" data-align="right">Grabar</button>
    <button data-click="closeEditarEstructura" class="k-button" data-role="button" data-align="right">Cancelar</button>
     <%--<a data-click="grabarEditModalView" id="A1" type="button" data-role="button">Grabar</a>--%>
<%--     <a data-click="closeEditarEstructura" data-role="button" data-align="right">Cancel</a>--%>
    </div>
    <!--<a data-click="closeModalViewLogin" id="modalview-reg-button" type="button" data-role="button">Register</a>-->
</div>
 
<%--<style scoped>
    .demo-section {
         
    }
    .head {
        height: 20px;
    }
    #action-result {
        color: #ff0000;
        float: right;
        width: 200px;
        text-align: right;
    }
    .k-group {
        background-color: gray;
    }
    .k-popup {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
     
   /**Estilo de Nuevo Muestra**/
    
   #mvNuevoEstructura label {
        display: inline-block;
        width: 100%;
    }
 
    .km-ios #mvNuevoEstructura.km-button,
    .km-ios #mvNuevoEstructura .km-header,
     {
        background-color: #000;
    }
 
 
    .km-ios #mvNuevoEstructura .km-button:active,
    .km-ios #mvNuevoEstructura .km-state-active {
        background-color: #2e2e2e;
    }

    .km-ios #mvNuevoEstructura #mvNuevoEstructura-button,
    .km-flat #mvNuevoEstructura #mvNuevoEstructura-button {
        background-color: Green;
        color: #fff;
    }

     .km-tablet .km-ios #mvNuevoEtructura .km-view-title {
        color: #fff;
        text-shadow: 0 -1px rgba(0,0,0,.5);
    }
    
    /** Estilo EditarMuestra*/
    
     #mvEditarEstructura label {
        display: inline-block;
        width: 100%;
    }
 
    .km-ios #mvEditarEstructura .km-button,
    .km-ios #mvEditarEstructura .km-header,
     {
        background-color: #000;
    }
 
 
    .km-ios #mvEditarEstructur .km-button:active,
    .km-ios #mvEditarEstructur .km-state-active {
        background-color: #2e2e2e;
    }

    .km-ios #mvEditarEstructur #mvEditarEstructur-button,
    .km-flat #mvEditarEstructur #mvEditarEstructur-button {
        background-color: Green;
        color: #fff;
    }

     .km-tablet .km-ios #mvEditarEstructur .km-view-title {
        color: #fff;
        text-shadow: 0 -1px rgba(0,0,0,.5);
    }
    
    
</style>--%>
</body>
</html>


